* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #333;
}

body,
html {
    width: 100%;
    height: 100%;
}

/* img{
    width: 100%;
    height: 100%;
} */
.banner {
    width: 100%;
    position: relative;
}

.banner img {
    width: 100%;
}

.banner_txt {
    position: absolute;
    top: 0;
    left: 0;
    /* width: 100%; */
    margin-left: 259px;
    margin-top: 122px;
}

.txt_title .t1 {
    margin-right: 22px;
}

.txt_title .t2 {
    margin: 0 0 7px;
}

.txt_word {
    line-height: 20px;
    font-size: 13px;
    color: #fff;
    margin-top: 8px;
}

.download {
    margin-top: 20px;
}

.dl_word {
    width: 70px;
    height: 34px;
    font-size: 13px;
    line-height: 34px;
    color: #2e333a;
    background-color: #fff;
    text-align: center;
    border-radius: 17px;
    border-left: 28px solid #fff;
    border-right: 28px solid #fff;
}

.dl_box {
    width: 70px;
    height: 140px;
    border-radius: 17px;
    background-color: #fff;
    border-left: 28px solid #fff;
    border-right: 28px solid #fff;
}

.dl_con {
    /* 图片和文字水平垂直居中 */
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 70px;
    height: 34px;
}

.phone {
    margin-right: 7px;
}

.ma {
    margin-left: -11px;
    margin-top: -5px;
}

.potice {
    position: absolute;
    top: 420px;
    width: 100%;
    height: 38px;
    background: #000;
    opacity: 0.7;
}

.pt_txt {
    display: flex;
    align-items: center;
    padding-left: 260px;
    font-size: 12px;
    line-height: 38px;
    color: #fff;

}

.pt_txt img {
    width: 15px;
    height: 14px;
    /* margin-top: 13px; */
    margin-right: 7px;
    z-index: 1;
}

/* 品质那里 */
.quality {
    margin-top: 88px;
    /* 图片和文字对齐 display: flex最大填充里面的内容 */
    display: flex;
    /* 设置主轴方向为垂直 */
    flex-direction: column;
    /* 水平对齐 */
    align-items: center;
    /* 主轴元素居中对齐 */
    justify-content: center;
    position: relative;
}

.produce {
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    color: #2c333a;
    margin-top: 10px;
}

.shop_list {
    width: 6.8vw;
    height: 7.7vw;
    margin-left: 1.8vw;
    margin-right: 1.8vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

/* 六个小商品 */
.kong {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* 动画 */
@keyframes j2A {
    0% {
        opacity: 0;
        width: 5.2vw;
        margin: 0.8vw;
    }

    50% {
        width: 7.82vw;
        margin: -0.51vw;
        opacity: 1;
    }

    100% {
        opacity: 1;
        width: 6.8vw;
        margin: 0;
    }
}

.jxpanimation {
    position: absolute;
    animation: j2A .8s;
    animation-fill-mode: forwards;
}

.food {
    height: 19px;
    line-height: 19px;
    font-size: 14px;
    color: #2c333a;
    margin-top: 12px;
}

/* 动画部分 */
.dong {
    margin: 25px auto 61px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1330px;
    height: 630px;
}

/* 换图片的部分 */
.huan {
    width: 6.8vw;
    position: absolute;
    left: 0;
    top: 0;
}

.left_btn {
    width: 26px;
    height: 26px;
    position: absolute;
    left: 18px;
    top: 227px;
    z-index: 3;
}

/* 上移动部分 */
.topdo {
    width: 100%;
    position: absolute;
    top: 175px;
    left: 0;
}

.toanimation {
    position: absolute;
    animation: tpl 1s;
    animation-fill-mode: forwards;
}

@keyframes tpl {
    0% {
        top: 2.666vw;
        opacity: 0;
    }

    100% {
        top: 0;
        opacity: 1;
    }
}

.right_btn {
    width: 26px;
    height: 26px;
    position: absolute;
    right: 18px;
    top: 227px;
    z-index: 3;
}

/* 侧边小广告 */
.ad {
    width: 5.7vw;
    background-color: #fff;
    border-radius: 0.5vw;
    box-shadow: rgb(0, 0, 0, .09) 0 0.1vw 0.5vw 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 80px;
    right: 50px;
    z-index: 5;
}

.pang {
    position: absolute;
    bottom: 104px;
    right: 68px;
    /* background: url(./image/add.png) no-repeat cover 100%; */
}

.panger {
    position: absolute;
    bottom: -53px;
    right: 60px;
}

.plus {
    cursor: pointer;
}

.ad_top {
    padding: 1vw 0 0.6vw;
    height: 1vw;
    line-height: 1vw;
    font-size: 0.7vw;
    color: #2c333a;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgb(240, 240, 240);
    z-index: 1;
}

.ad_er {
    margin: 0.5vw 0;
    height: 1vw;
    line-height: 1vw;
    font-size: 0.7vw;
    color: #2e333a;
}

.htop {
    width: 100%;
    height: 1.9vw;
    background-color: rgb(230, 48, 71);
    border-radius: 0 0 0.5vw 0.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0.9vw;
    font-size: 00.7vw;
    color: #fff;
}

/* 物超所值 */
.prval {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* background-color: red; */
}

.tejia {
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    color: #2c333a;
    margin-top: 10px;
}

.price {
    width: 368px;
    height: 429px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.beijing {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}

.price_word {
    height: 58px;
    line-height: 29px;
    font-size: 21px;
    color: rgba(46, 51, 58, .7);
    margin-top: 17px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.relax {
    margin-top: 75px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* 扫码下载部分 */
.xiazai {
    margin-top: 6.3vw;
    width: 24.2vw;
    height: 12.5vw;
    background: #fff;
    border-radius: 1vw;
    box-shadow: rgb(0, 0, 0, .08) 0px 0.2vw 1.6vw 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.left_xia {
    line-height: 1.7vw;
    font-size: 1.6vw;
    color: #2c333a;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.left_city {
    line-height: 1.3vw;
    font-size: 0.9vw;
    color: rgba(46, 51, 58, .7);
    margin: 1vw 1.6vw 0px 1.8vw;
}

/* 底部 */
.foot {
    margin-top: 105px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 295px;
    background: #fff;
    box-shadow: rgb(224, 224, 224) 0 -1px 0 0;
}

.hezuo {
    width: 80%;
    margin-top: 52px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.same {
    display: flex;
    align-items: center;
    justify-content: center;
}

.same_img {
    width: 47px;
    height: 47px;
    margin-right: 12px;
}

.same_img img {
    width: 100%;
    height: 100%;
}

.same_word {
    height: 21px;
    line-height: 21px;
    font-size: 15px;
    color: #2c333a;
}

/* 备案部分 */
.copy {
    margin-top: 42px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 12px;
    line-height: 23px;
    font-size: 12px;
    color: #2c333a;
}

.footer {
    margin: 81px 0 17px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer img {
    height: 27px;
    margin-right: 18px;
}